<template>
	<view>
		<u-picker :show="show" :columns="columns"></u-picker>
		<!-- banner -->
		<view class="allbanner dingwei">
			<!-- <image src="../../static/image/system/falvjs.png" mode=""></image> -->
			<view class="beisetextall wqeizhi">{{text}}</view>
		</view>
		<!-- 内容 -->
		<view class="mainpadding" style="position: relative; top: -84rpx;">
			<view class="radius mainpadding ffffff" @click="show = true">
				<view class="flexbetween">
					<view class="nostrongtext">费用类型</view>
					<view class="nostrongtext">
						选择 ∨
					</view>
				</view>
			</view>
			<view class="radius mainpadding ffffff margin_top">
				<view class="nostrongtext allxiahian">计算结果</view>
				<view class="margin_top allxiahian">
					<view class="textright nostrongtext">--元</view>
				</view>
				<view class="margin_top flexcenter">
					<view class="chongzbtn margin_right4">重置</view>
					<view class="lvsebtn">计算</view>
				</view>
			</view>
			<view class="hongsetext margin_top">计算说明:<br>
				<text class="nostrongtext">● 计算结果仅供参考<br> ● 查看具体计算标准 <br> ● 报错或意见反馈</text>
			</view>
		</view>
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {
				type: "",
				text: "",
				show: false,
				columns: [
					['中国', '美国', '日本']
				],
			}
		},
		onLoad(options) {
			this.type = options.id
			let text = ""
			if (this.type == 1) {
				this.text = "诉讼费 计算器"
			} else if (this.type == 2) {
				this.text = "律师费 计算器"
			} else if (this.type == 3) {
				this.text = "天数 计算器"
			} else if (this.type == 4) {
				this.text = "工伤赔偿 计算器"
			} else if (this.type == 5) {
				this.text = "执行期利息 计算器"
			} else if (this.type == 6) {
				this.text = "自定义利息 计算器"
			} else if (this.type == 7) {
				this.text = "数字转大写"
			} else if (this.type == 8) {
				this.text = "司法到期 事项检查"
			} else if (this.type == 9) {
				this.text = "高级合同 违约金计算器"
			} else if (this.type == 10) {
				this.text = "民间借贷 计算器"
			} else if (this.type == 11) {
				this.text = "旧基准利息 计算器"
			} else if (this.type == 12) {
				this.text = "LPR利息计算器 （标准利率）"
			} else if (this.type == 13) {
				this.text = "诉讼保全险 计算器"
			} else if (this.type == 14) {
				this.text = "交通人损 赔偿计算器"
			} else if (this.type == 15) {
				this.text = "帮助"
			}
			uni.setNavigationBarTitle({
				title: this.text
			});
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.hongsetext{
		font-size: 24rpx;
		font-weight: 500;
		color:#FF0000;
	}
	.lvsebtn {
		border: 1rpx solid #39B54A;
		font-size: 25rpx;
		font-family: AlibabaPuHuiTi;
		font-weight: 400;
		color: #FFFFFF;
		width: 200rpx;
		height: 60rpx;
		background-color: #39B54A;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 40rpx;
	}

	.chongzbtn {
		border: 1rpx solid #39B54A;
		font-size: 25rpx;
		font-family: AlibabaPuHuiTi;
		font-weight: 400;
		color: #333333;
		width: 200rpx;
		height: 60rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 40rpx;
	}

	page {
		background-color: #f5f5f5;
	}

	.wqeizhi {
		position: absolute;
		bottom: 84rpx;
		left: 29%;
	}
</style>